<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=, initial-scale=1.0" />
        <title>甜觅巧克力工作室</title>
        <link rel="stylesheet" href="./css/index.css" />
    </head>
    <body>
        <!-- <div id="bgm">
            <audio src="./music/Chocolate. - Kiana Ledé&Ari Lennox.mp3" loop></audio>
            <span id="play" class="iconfont">&#xe601;</span>
            <span id="pause" class="iconfont">&#xe68a;</span>
        </div> -->
        <header>
            <a href="index.html" style="padding: 0">
                <h1 class="logo"></h1>
            </a>
            <ul>
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="web/product.html">产品展示</a></li>
                <li><a href="web/culture.html">巧克力课堂</a></li>
                <li><a href="web/contact.html">联系我们</a></li>
            </ul>

            <div class="btns">
                <a href="">登录</a>
                <a href="web/register.html">注册</a>
            </div>
        </header>

        <div class="banner">
            <video loop autoplay muted src="./image/f5354e870a2bdb28d25865c4ccfa7f4a.mp4"></video>
        </div>
        <marquee behavior="scroll" direction="left" scrollamount="10">
            <span>SWEET SEEKER</span><span>SWEET SEEKER</span><span>SWEET SEEKER</span>
            <span>SWEET SEEKER</span>
            <span>SWEET SEEKER</span>
            <span>SWEET SEEKER</span>
            <span>SWEET SEEKER</span>
            <span>SWEET SEEKER</span>
        </marquee>
        <main>
            <section class="story">
                <img src="./image/story.jfif" alt="" />
                <div class="right">
                    <h2>《甜觅》故事</h2>
                    <p>
                        甜觅巧克力工作室，起源于一个世纪前的浪漫邂逅与对纯正好可可的执着追求。世代匠心传承，我们精选全球优质可可豆，融合传统技艺与现代创新，每一颗巧克力都是爱与艺术的结晶。不仅是美味的创造者，更是情感与故事的传递者，甜觅邀请您共赴一场甜蜜探索之旅，品味生活中每一个温馨与幸福的瞬间。
                    </p>
                </div>
            </section>
            <section class="series">
                <h2>产品系列</h2>
                <ul>
                    <li>
                        <img src="./image/巧克力系列.jpg" alt="" />
                        <h3>巧克力系列</h3>
                    </li>
                    <li>
                        <img src="./image/巧克力豆系列.jpg" alt="" />
                        <h3>巧克力豆系列</h3>
                    </li>
                    <li>
                        <img src="./image/巧克力冰淇淋系列.jpg" alt="" />
                        <h3>巧克力冰激凌系列</h3>
                    </li>
                </ul>
            </section>
            <section class="evaluation">
                <h2>顾客评价</h2>
                <div class="card">
                    <img src="./image/u2.png" alt="" />
                    <p style="background-color: #ffe9ce">
                        "自从偶然间踏入甜觅巧克力工作室，我的味蕾就再也离不开那里的魔法了。每一块巧克力都像是一件精心雕琢的艺术品，不仅仅是口感层次分明，从舌尖缓缓融化的那一刻起，仿佛能讲述一个又一个温馨而浪漫的故事。特别是他们的‘回忆之森’系列，淡淡的果香与丝滑的巧克力完美融合，让我仿佛回到了童年的某个夏日午后，那种幸福感无法言喻。而且，工作室的氛围温馨亲切，每次去都能感受到店家的热情与用心。甜觅，不仅仅是一个购买巧克力的地方，它是我疲惫生活中的一片甜蜜绿洲，让人忍不住一次次回味与探访。"
                    </p>
                </div>
                <div class="card">
                    <img src="./image/u1.png" alt="" />
                    <p style="background-color: #ceaa93c1; color: #714a42">
                        "甜觅巧克力工作室简直就是我心中的巧克力天堂！他们的手工巧克力简直是艺术品级别的享受，从包装到味道，每一处细节都透露着匠人的用心和对品质的坚持。我特别喜欢他们的季节限定款，比如冬季推出的‘雪夜仙境’，独特的香草与细腻的可可交织，吃在嘴里就像冬日初雪般温柔又惊喜。更不用说，他们的服务团队总是那么热情友好，每次光顾都像拜访老朋友一样温馨。甜觅，给我的生活添了一份不可复制的甜蜜与期待。"
                    </p>
                </div>
                <div class="card">
                    <img src="./image/u3.png" alt="" />
                    <p style="background-color: #ddf0e2">
                        "在甜觅巧克力工作室的每一次体验都超乎想象！作为一个自认的巧克力爱好者，我尝试过无数品牌，但甜觅总能给我带来新的惊喜。他们的定制礼盒服务深得我心，上次为好友的生日准备的特制礼盒，不仅外观设计精美，里面的巧克力更是根据好友的口味定制，每一颗都是独一无二的。收到礼物的那一刻，好友眼中的光芒告诉我，这一切都是值得的。甜觅不仅传递了我对朋友的情感，更展现了对生活品质的追求。真心推荐给每一个追求生活中小确幸的你。"
                    </p>
                </div>
            </section>
        </main>
        <footer>
            <p>&copy; TianMi Chocolate Studio. All rights reserved.</p>
        </footer>
    </body>
</html>
